 /**
 * 全局预设样式
 */
$blue-1: #ecf6fd;
$blue-2: #d2eafb;
$blue-3: #add8f7;
$blue-4: #7ec2f3;
$blue-5: #49a9ee;
$blue-6: #108ee9;
$blue-7: #0e77ca;
$blue-8: #0c60aa;
$blue-9: #09488a;
$blue-10: #073069;
$blue-light: #7ec2f3;
$blue: #108ee9;
$blue-dark: #0e77ca;

$grey-1: #fbfbfb;
$grey-2: #f7f7f7;
$grey-3: #f5f5f5;
$grey-4: #e9e9e9;
$grey-5: #d9d9d9;
$grey-6: #bfbfbf;
$grey-7: #919191;
$grey-8: #5a5a5a;
$grey-9: #404040;
$grey-10: #222222;
$grey-light: #e9e9e9;

* {
  margin: 0;
  padding: 0;
}
// Reset styles
.v {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
  input[type="button"],
  input[type="submit"],
  input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
  }
}

.v-em, .v em, legend, caption {
  color: var(--text-color);
  font-weight: inherit;
}

/* 着重号，只能在少量（少于100个字符）且全是全角字符的情况下使用 */
.v-em {
  position: relative;
  
  &:after {
    position: absolute;
    top: 0.65em;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
  }
}

/* Responsive images */
.v img {
  max-width: 100%;
}